<template>
  <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
       viewBox="0 0 100 100"
       preserveAspectRatio="xMidYMid">
    <g transform="translate(27.833333333333336,27.833333333333336)">
      <rect x="-16.5" y="-16.5" width="33" height="33" fill="#3be8b0">
        <animateTransform attributeName="transform" type="scale" repeatCount="indefinite" dur="1s" keyTimes="0;1"
                          values="1.2100000000000002;1" begin="-0.3s"></animateTransform>
      </rect>
    </g>
    <g transform="translate(72.16666666666667,27.833333333333336)">
      <rect x="-16.5" y="-16.5" width="33" height="33" fill="#1aafd0">
        <animateTransform attributeName="transform" type="scale" repeatCount="indefinite" dur="1s" keyTimes="0;1"
                          values="1.2100000000000002;1" begin="-0.2s"></animateTransform>
      </rect>
    </g>
    <g transform="translate(27.833333333333336,72.16666666666667)">
      <rect x="-16.5" y="-16.5" width="33" height="33" fill="#6a67ce">
        <animateTransform attributeName="transform" type="scale" repeatCount="indefinite" dur="1s" keyTimes="0;1"
                          values="1.2100000000000002;1" begin="0s"></animateTransform>
      </rect>
    </g>
    <g transform="translate(72.16666666666667,72.16666666666667)">
      <rect x="-16.5" y="-16.5" width="33" height="33" fill="#ffb900">
        <animateTransform attributeName="transform" type="scale" repeatCount="indefinite" dur="1s" keyTimes="0;1"
                          values="1.2100000000000002;1" begin="-0.1s"></animateTransform>
      </rect>
    </g>
  </svg>
</template>

<script>
export default {
  name: 'loading04'
}
</script>
